import axios from 'axios'
import store from '@/store'
import router from '@/router'
import { Message, MessageBox } from 'element-ui'

// 创建axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_API_URL || '/api',
  timeout: 15000 // 请求超时时间
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 在请求发送前处理
    
    // 添加认证令牌
    const token = store.getters['auth/token']
    if (token) {
      config.headers['Authorization'] = `Bearer ${token}`
    }
    
    // 添加其他通用头部
    config.headers['Accept-Language'] = 'zh-CN'
    
    return config
  },
  error => {
    // 请求错误处理
    console.error('Request error:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    const res = response.data
    
    // 如果响应包含status字段
    if (res.status && res.status !== 'success') {
      // 显示错误消息
      Message({
        message: res.message || '请求失败',
        type: 'error',
        duration: 5 * 1000
      })
      
      // 根据错误码处理
      if (res.code === 401) {
        // 未授权，询问是否重新登录
        MessageBox.confirm(
          '您的登录状态已过期，请重新登录',
          '提示',
          {
            confirmButtonText: '重新登录',
            cancelButtonText: '取消',
            type: 'warning'
          }
        ).then(() => {
          store.dispatch('auth/logout')
        })
      }
      
      return Promise.reject(new Error(res.message || '未知错误'))
    }
    
    return res
  },
  error => {
    // 处理HTTP错误
    console.error('Response error:', error)
    
    const { response } = error
    let message = '网络请求失败'
    
    if (response) {
      // 根据HTTP状态码定制错误消息
      switch (response.status) {
        case 400:
          message = response.data.message || '请求参数错误'
          break
        case 401:
          message = '未授权，请重新登录'
          // 清除登录状态并跳转到登录页
          store.dispatch('auth/logout')
          break
        case 403:
          message = '拒绝访问'
          break
        case 404:
          message = '请求的资源不存在'
          break
        case 500:
          message = '服务器内部错误'
          break
        default:
          message = `请求失败: ${response.status}`
      }
      
      // 如果响应中包含详细的错误信息
      if (response.data && response.data.message) {
        message = response.data.message
      }
    } else if (error.request) {
      // 请求已经发出，但没有收到响应
      message = '服务器无响应，请检查您的网络连接'
    } else {
      // 请求配置发生错误
      message = error.message
    }
    
    // 显示错误消息
    Message({
      message,
      type: 'error',
      duration: 5 * 1000
    })
    
    return Promise.reject(error)
  }
)

export default service 